<template>
	<view class="header d-s-c" :style="[{height: data.menu.bottom-data.menu.top+'px'},{top:data.menu.top+'px'}]">
		<up-icon @click="back" name="arrow-left" size="20" color="#000"></up-icon>
	</view>
</template>

<script setup>
	import { reactive } from 'vue';
	import { onLoad } from "@dcloudio/uni-app";
	import { useStore } from "vuex"
	const store = useStore()
	const data = reactive({
		menu: {}
	})

	function back() {
		uni.navigateBack()
	}
	onLoad((options) => {
		data.menu = uni.getMenuButtonBoundingClientRect();
		// console.log(data.menu.bottom);
	})
</script>

<style scoped lang="scss">
	.header {
		box-sizing: inherit;
		position: absolute;
		z-index: 1;
		// padding-top: ;
	}
</style>